<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!-- 日历 -->
<div class="col-md-12">
    <div class="box box-primary">                                
        <div class="box-body no-padding">
            <!-- THE CALENDAR -->
            <div id="calendar"></div>
        </div><!-- /.box-body -->
    </div><!-- /. box -->
</div>
<!-- 模态框 -->
<div id="add_modal" class="modal fade" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-label="Close" id="btn_first_close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title">添加行程</h4>
			</div>
			<div class="modal-body">
				<form id="eventForm" class="form-horizontal">
					<input type="hidden" name="event.id" id="event_id"/>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">颜色</label>
						<div class="col-sm-10">
							<input type="hidden" class="form-control" name="event.color" id="color" value="#f4543c"/>
							<div class="btn-group" style="width: 100%; margin-bottom: 10px;">
				        		<button type="button" id="color-chooser-btn" class="btn btn-danger btn-block btn-sm dropdown-toggle" data-toggle="dropdown">Color <span class="caret"></span></button>
				                <ul class="dropdown-menu" id="color-chooser">
				                    <li><a class="text-green" href="#"><i class="fa fa-square"></i> Green</a></li>
				                    <li><a class="text-blue" href="#"><i class="fa fa-square"></i> Blue</a></li>                                            
				                    <li><a class="text-navy" href="#"><i class="fa fa-square"></i> Navy</a></li>                                            
				                    <li><a class="text-yellow" href="#"><i class="fa fa-square"></i> Yellow</a></li>
				                    <li><a class="text-orange" href="#"><i class="fa fa-square"></i> Orange</a></li>
				                    <li><a class="text-aqua" href="#"><i class="fa fa-square"></i> Aqua</a></li>
				                    <li><a class="text-red" href="#"><i class="fa fa-square"></i> Red</a></li>
				                    <li><a class="text-fuchsia" href="#"><i class="fa fa-square"></i> Fuchsia</a></li>
				                    <li><a class="text-purple" href="#"><i class="fa fa-square"></i> Purple</a></li>
				                </ul>
				        	</div>
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">标题</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" name="event.title" id="title" placeholder="行程标题">
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">地点</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="location" name="event.location" placeholder="地点">
						</div>
					</div>
					<br/>
					<div class="form-group" id="ycy_div_isAllDay">
						<div class="col-sm-offset-2 col-sm-10">
							<div class="checkbox" id="ycy_div_ck">
								<label> 
									<input type="checkbox" id="ycy_ck_allday" name="event.allDay"  data-allday="" data-onetime=""> 
									<label for="ycy_ck_allday"  id="ycy_lbl2_checkbox">是否全天</label>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">开始时间</label>
						<div class="col-sm-10">
							<input type="text"  class="form-control" id="startTime" name="event.start" placeholder="开始时间">
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">结束时间</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="endTime" name="event.end" placeholder="结束时间">
						</div>
					</div>
					<br/>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">&nbsp;</label>
						<div class="col-sm-10">
							<div  id="ycy_div_actorList">
								<i class="fa fa-fw fa-plus-circle" id="i_addAcotr"></i>
								<label id="lbl_addAcotr">添加参与者</label>
							</div>
							
							<label id="insertedActor"></label>
						</div>
					</div>
					<div id="div_actorList" class="form-group" style="display: none;">
						<label for="inputEmail3" class="col-sm-2 control-label">&nbsp;</label>
						<div class="col-sm-10" style="height:100px;overflow: auto;" id="depList">
							<c:forEach var="dep" items="${sessionScope.departmentList}" varStatus="status">
								<span class="ycy_ul_actor">${dep.name}</span>
								<c:if test="${status.index==0}">
									<ul style="list-style: none" class="ycy_ul_click">
								</c:if>
								<c:if test="${status.index!=0}">
									<ul style="list-style: none;" class="ycy_ul_close ycy_ul_click">
								</c:if>
								
								<c:forEach var="emp" items="${dep.employeeList}">
									<c:if test="${emp.id!=sessionScope.user.id}">
										<li data-id="${emp.id }"><i class="fa fa-angle-double-right"></i> ${emp.name }</li>
									</c:if>
									
								</c:forEach>
	                           </ul>
	                           <hr style="border-color:rgba(0,0,0,0.3);"/>
							</c:forEach>
							<!-- <span class="ycy_ul_actor">销售部门</span>
							<ul style="list-style: none" class="ycy_ul_click">
                               <li data-id="1"><i class="fa fa-angle-double-right"></i> 销售业绩分析</li>
                               <li data-id="2"><i class="fa fa-angle-double-right"></i> 市场占有率分析</li>
                               <li data-id="3"><i class="fa fa-angle-double-right"></i>客户分析</li>
                           </ul>
                           <hr style="border-color:rgba(0,0,0,0.3);"/>
							<span class="ycy_ul_actor">营销部门</span>
							<ul style="list-style: none;" class="ycy_ul_close ycy_ul_click">
                               <li><i class="fa fa-angle-double-right"></i> 销售业绩分析</li>
                               <li><i class="fa fa-angle-double-right"></i> 市场占有率分析</li>
                               <li><i class="fa fa-angle-double-right"></i>客户分析</li>
                           </ul> -->
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-2 control-label">详情</label>
						<div class="col-sm-10">
							<textarea rows="10" cols="10" class="form-control" id="description" name="event.description" placeholder="详情"></textarea>
						</div>
					</div>
					
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal" id="btn_second_close">关闭</button>
				<button type="button" id="btn_deleteEvent" class="btn btn-danger" style="display:none;">删除</button>
				<button type="button" id="btn_editEvent" class="btn btn-primary">保存</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- /.modal -->


